.shop-nav-filter {
    position: fixed;
    right: -8.00rem;
    width: 5.20rem;
    bottom: 0;
    top: 0;
    background: #fff;
    padding-top: 0.6rem;
    font-size: 0.28rem;
    z-index: 10;
    transition: all 0.5s;
    color: rgb(97, 97, 97);
}
.shop-nav-filter-title {
    padding: 0 0.3rem;
    color: rgb(66, 62, 62);
    font-size: 0.34rem;
}
.shop-nav-filter-all {
    padding: 0.2rem 0.3rem;
    margin-top: 0.3rem;
    color: rgb(77, 77, 77);
}
.shop-nav-filter-seek {
    float: right;
    color: rgb(106, 106, 106);
}

.shop-nav-filter-mask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    background: rgba(0,0,0, 0.4);
    display: none;
}
.shop-nav-filter-whitespace {
    height: 0.2rem;
    background: #F2F2F2;
}
.shop-nav-filter-item {
    padding: 0.12rem 0.24rem;
    border-bottom: 1px solid #e6e6e6;
}
.shop-nav-filter-item:first-child {
    padding-bottom: 0.24rem;
}

.shop-nav-filter-input {
    width: 1.40rem;
    padding: 0.12rem 0.24rem;
    background: #F4F4F4;
    border: 0;
    text-align: center;
    border-radius: 8px;
}
.shop-nav-filter-split {
    margin-left: 0.12rem;
    margin-right: 0.12rem;
    border-bottom: 2px solid #c5c5c5;
    display: inline-block;
    width: 0.20rem;
    position: relative;
    top: -0.08rem;
}
.shop-nav-filter-button {
    text-align: center;
    padding: 0.24rem 0;
    background: #FBE9E9;
    color: #FF1359;
    font-size: 0.34rem;
}